<template>
    <div>
      <header class="in-banner bg-orange">
        <div class="bg-333 hei40">
          <div class="container">
            <div class="pull-left mar-t8"><span class="ft-ochre"><a href="#">数字后勤服务大厅</a></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="ft-grey8"><a href="#">运驾中心</a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="#">服务监督</a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="#">网络报修</a></span></div>
            <!--user login-->
            <div class="user-box user-txt pull-right mar-t8">
              <div class="b-login hidden"><!--未登录-->
                <i></i>
                <a href="#">登录</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="#">注册</a>
              </div>
              <div class="a-login"><!--已登录-->
                <i class="on"><img src="../../static/img/temp03.jpg" width="24" height="24" class="img-circle"></i>
                <a href="#">Chenshangcai</a>
              </div>
            </div>
            <!--/user-->
          </div>
        </div>
        <div class="container hei90">
          <!--logo-->
          <div class="logo pull-left mar-t15"></div>
          <!--search-->
          <div class="search pull-right mar-t30 mar-l20">
            <div class="input-group">
              <input type="text" class="form-control" value="搜索商家/美食">
              <span class="input-group-btn">
						<button class="btn" type="button"><img src="../../static/img/search.png" width="18" height="18" alt=""/></button>
					</span>
            </div>
          </div>
          <!--/search-->
          <!--.menu-->
          <div class="pull-right">
            <nav class="pull-left mar-t30" role="navigation">
              <ul class="nav-menu nav-menu-tabs">
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">餐厅介绍</a>
<!--                  <ul class="dropdown-menu">-->
<!--                    <li><a href="#">桃园食堂</a></li>-->
<!--                    <li><a href="#">橘园食堂</a></li>-->
<!--                    <li><a href="#">梅园食堂</a></li>-->
<!--                    <li><a href="#">杏园食堂</a></li>-->
<!--                    <li><a href="#">李园食堂</a></li>-->
<!--                    <li><a href="#">禾丰楼餐厅</a></li>-->
<!--                    <li><a href="#">楠园一食堂</a></li>-->
<!--                    <li><a href="#">楠园二食堂</a></li>-->
<!--                    <li><a href="#">竹园食堂</a></li>-->
<!--                  </ul>-->
                </li>
                <li><a href="#">推荐菜品</a></li>
                <li><a href="#">我的订单</a></li>
              </ul>
            </nav>
            <div class="pull-left s-cart mar-t30"><i></i><span class="pull-left">购物车</span> <em>12</em></div>
          </div>
          <!--/menu-->
        </div>
      </header>
      <div class="container1060 mar-t30 center-block">
        <div class="row payment-box">
          <div class="pic-img pull-left text-center">
            <p><img src="../../static/img/ok.png" width="129" height="96" alt=""/></p>
            <p class="ft18 ft-blue pad-l15">支付成功!</p>
          </div>
          <div class="bg-white list-con">
            <p><span class="ft-grey9">订单编号：</span>3015598039457319997</p>
            <p><span class="ft-grey9">订单编号：</span>五折单人套餐汉堡+辣翅+4串雪花+中可</p>
            <p><span class="ft-grey9">订单编号：</span><b>禾丰楼餐厅</b></p>
            <p><span class="ft-grey9">订单编号：</span><b>55.50</b></p>
          </div>
        </div>
        <p style="height: 500px;">&nbsp;</p>
        <!--footer-->
        <footer class="line text-center ft-grey6 ft12">
          <p class="mar-t10 mar-b20">版权所有：西南大学资产经营公司 (渝ICP 06005063号)    重庆市北碚区天生路2号    邮编：400715 </p>
        </footer>
      </div>
    </div>
</template>

<script>
    export default {
        name: "PaymentSuccess"
    }
</script>

<style scoped>

</style>
